<script setup lang="ts"></script>

<template>
  <div class="h-[100vh] w-[100vw] flex flex-col flex-center-center">
    <!-- // 文字上下居中 -->
    <div
      class="header h-[50px] w-[100%] bg-pink text-center font-bold position-relative"
    >
      <div class="absolute-center">Header</div>
    </div>
    <div class="main flex w-[100%] flex-1 bg-[lavenderblush]">
      <router-view />
    </div>
    <div
      class="footer h-[50px] w-[100%] bg-[paleturquoise] text-center line-height-[50px]"
    >
      Footer
    </div>
  </div>
</template>

<style></style>
